<template>
  <div class="container">
    <p>greeting: {{ $t("greeting",{num:123}) }}</p>
    <p>hello: {{ $t("hello") }}</p>
    <p> {{ hello }}</p>
  </div>
</template>

<script>
// import VueI18n from 'vue-i18n'
export default {
  name: 'HelloWorld',
  data(){
    return{
      hello: this.$t('hello')
    }
  },
  i18n: { // `i18n` 选项，为组件设置语言环境信息
    messages: {
      en: {hello: 'hello world component1'},
      zh: {hello: '哈喽 component1'}
    }
  }


  // i18n: new VueI18n({
  //   messages: {
  //         en: {hello: 'hello world component1'},
  //         zh: {hello: '哈喽 component1'}
  //       }
  // }),
}

</script>

<style scoped>
</style>
